<!DOCTYPE html>
<html>
<head>
    <title>readbook</title>
    <link rel="stylesheet" type="text/css" href="/static/css/read.css">
    <script type="text/javascript" src="/static/js/jequery.min.js"></script>
</head>
<body>
    <div id="setting">
        
    </div>
    <div class="wrap">
        <div class="nav">
            <ul>
                <li><img src="/static/img/setting.png" class="setting"><br/>设置</li>
                <li><a href="{{ contents['cata'] }}"><img src="/static/img/secs.png"><br/>目录</a></li>
            </ul>
        </div>

        <div class="title">
            <h1>{{ contents['title'] }}</h1>
            <hr>
        </div>
        <div class="content">
            {% for text in contents['content']%}
                <p>{{ text.strip('div>') }}</p>
            {% endfor %}
            <p>本章完...</p>
        </div>
        <div class="sec_link">
            <ul>
                <li><a href="{{ contents['upsec'] }}">上一章</a></li>
                <li><a href="{{ contents['cata'] }}">章节目录</a></li>
                <li><a href="{{ contents['downsec'] }}">下一章</a></li>
            </ul>
        </div>
    </div>
    <div class="bottom">
            
    </div>
</body>
</html>